<template>
  <div>
      <!-- v-for 指令的使用 -->
      <h1>{{ title }}</h1>
      <!-- <div class="item">123</div>
      <div class="item">456</div>
      <div class="item">678</div>
      <div class="item">910</div> -->
      <div class="item" v-for="item in arr" :key="item">{{item}}</div>
  </div>
</template>
<script>
  export default {
    data(){
      return {
        title:"v-for 使用",
        arr:[123,456,678,910,"太阳"]
      }
    }
  }
</script>
<style>

</style>